<template>
	<view  
		class="wrap-box"
		:style="{
			'background': `url(${getImg('sharedetail-bg')}) no-repeat`,
		}"
	>
		<head-nav
			bgColor="rgba(0,0,0,0)" 
			title="尊享礼遇"
		>
		</head-nav>
		<view class="txt-center block-tit f-s48 mar-t128">
			恭喜您，获得尊享礼遇
		</view>
		<view class="flex-center mar-t32">
			<view class=" tips-txt flex-center padlr20">
				领取专项福利礼品，畅享门店热门项目
			</view>
		</view>
		<view class="mar-t88">
			<view 
				class="gift-box w-646 h-580 m-auto pad-t138 padlr38 "
				:style="{
					'background': `url(${getImg('gift-box')}) no-repeat`,
				}"
			>
				<view class="gift-tit txt-center">
					您的礼品
				</view>
				<view class="gift-info flex-a ju-bt padlr16 mar-t40">
					<view class="f-s28">
						健脾养胃、美胸再现
					</view>
					<view class="f-s32">
						x2
					</view>
				</view>
				<view class="gift-btn flex-center mar-t128">
					<u--image
						:showLoading="true" 
						:src="getImg('gift-btn')"
						width="360rpx" 
						height="90rpx" 
					></u--image>
				</view>
			</view>
		</view>
	</view>
</template>

<script> // 好友 领取礼品页
	export default {
		data() {
			return {
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.gift-box {
		background-size: 100% 100% !important;
		.gift-info {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #333333;
			height: 68rpx;
			background: #F2F8FF;
			border-radius: 9rpx 9rpx 9rpx 9rpx;
		}
		.gift-tit {
			font-weight: normal;
			font-size: 36rpx;
			color: #333333;
		}
	}
	.tips-txt {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #1E6BFF;
		height: 58rpx;
		background: #D4E3FF;
	}
	.wrap-box {
		height: 100vh;
		background-size: 100% 100% !important;
	}
</style>
